<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title><img src="img/icon6.png" />首页</title>
		<link rel="stylesheet" type="text/css" href="css/reset(重置).css" />
		<link rel="stylesheet" type="text/css" href="css/首页.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_710008_ix5wpywogya.css" />
	</head>

	<body>
		<div class="web">
			<!--首层-->
			<div class="one">
				<p>全国服务热线：400-000-0000</p>
				<a href="首页.html">设为首页</a>
				<a href="首页.html">加入收藏</a>
			</div>
			<!--导航-->
			<div class="daohang">
				<div class="img">
					<img src="img/未标题-1.jpg" />
				</div>
				<!--TK科技有限公司-->
				<div class="mingzi">
					<p>TK科技有限公司</p>
					<p>cer dcd keo Holdings Co., Ltd.</p>
				</div>
				<!--首页-->
				<div class="Home">
					<a href="首页.html">首页</a>
					<a href="首页.html">Home</a>
				</div>
				<!--关于我们-->
				<div class="About">
					<a href="首页.html">关于我们</a>
					<a href="首页.html">About</a>
				</div>
				<!--产品中心-->
				<div class="Products">
					<a href="首页.html">产品中心</a>
					<a href="首页.html">Products</a>
				</div>
				<!--服务支持-->
				<div class="Service">
					<a href="首页.html">服务支持</a>
					<a href="首页.html">Service</a>
				</div>
				<!--新闻中心-->
				<div class="News">
					<a href="首页.html">新闻中心</a>
					<a href="首页.html">News</a>
				</div>
				<!--在线商店-->
				<div class="Shop">
					<a href="首页.html">在线商店</a>
					<a href="首页.html">Shop</a>
				</div>
				<!--联系我们-->
				<div class="Contact">
					<a href="首页.html">联系我们</a>
					<a href="首页.html">Contact Us</a>
				</div>
			</div>
			<!--轮播图-->
			<!-- Swiper -->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="img/未标题-21-(5).png" /></div>
					<div class="swiper-slide"><img src="img/未标题-21-(5).png" /></div>
					<div class="swiper-slide"><img src="img/未标题-21-(5).png" /></div>
					<div class="swiper-slide"><img src="img/未标题-21-(5).png" /></div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>

			<!--script 引入轮播图-->
			<script src="js/swiper-4.3.3.min.js"></script>

			<!-- Initialize Swiper -->
			<script>
				var mySwiper = new Swiper('.swiper-container', {
					autoplay: true,
					pagination: {
						el: '.swiper-pagination',
					},
				});

				//鼠标滑过pagination控制swiper切换
				for(i = 0; i < mySwiper.pagination.bullets.length; i++) {
					mySwiper.pagination.bullets[i].index = i
					mySwiper.pagination.bullets[i].onmouseover = function() {
						mySwiper.slideTo(this.index);
					};
				}
			</script>
			<!--新闻中心-->
			<div class="onee">
				<!--蓝色背景-->
				<div class="twoo">
					<div>
						<img src="img/icon6.png" />
					</div>
					<div class="bian"></div>
					<div class="News2">
						<p>新闻中心</p>
						<p>NEWS.CENTER</p>
					</div>
				</div>
				<!--三角形-->
				<div class="seerl"></div>

				<!--CeBIT 2015-->
				<div class="yiqi">
					<div class="cebit">
						<p>CeBIT 2015</p>
						<div><img src="img/未标题-2.png" /></div>
					</div>

					<div class="shijie">
						<p>创新ICT共建全联接世界德国汉诺威展览中心</p>
						<p>3月16日-20日</p>
					</div>
					<!--清除浮动-->
					<div class="clear"></div>
				</div>

				<!--虚线-->
				<div class="xuxian"></div>
				<!--圆-->
				<div class="guoji">
					<div class="yuan1"></div>
					<div class="yuan2"></div>
					<div class="yuan3"></div>
					<p>上海国际智能建筑展览会</p>
					<p>2014德国柏林国际消费类电子产品展览会</p>
					<p>2014中国（贵阳）公告安全防范产品博览会</p>
				</div>
			</div>

			<!--新品发布-->
			<div class="onee2">
				<!--蓝色背景-->
				<div class="twoo2">
					<div>
						<img src="img/icon7.png" />
					</div>
					<div class="bian2"></div>
					<div class="News3">
						<p>新品发布</p>
						<p>NEW.PRODUCTS</p>
					</div>
				</div>
				<!--三角形-->
				<div class="seerl2"></div>

				<!-- Swiper -->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="img/未标题3.png" /></div>
						<div class="swiper-slide"><img src="img/未标题3.png" /></div>
						<div class="swiper-slide"><img src="img/未标题3.png" /></div>
						<div class="swiper-slide"><img src="img/未标题3.png" /></div>
					</div>
					<!-- Add Arrows -->
					<div class="swiper-button-next"></div>
					<div class="swiper-button-prev"></div>
				</div>

				<!-- Swiper JS -->
				<!--<script src="js/swiper.min.js"></script>-->

				<!-- Initialize Swiper -->
				<script>
					var swiper = new Swiper('.swiper-container', {
						navigation: {
							nextEl: '.swiper-button-next',
							prevEl: '.swiper-button-prev',
						},
					});
				</script>

				<div class="swy">
					<p>s6213w-y</p>
					<p>海思3518E方案，多码流技术，百万高清</p>
				</div>
			</div>

			<!--品牌介绍-->
			<div class="onee3">
				<!--背景-->
				<div class="twoo3">
					<div>
						<img src="img/icon8.png" />
					</div>
					<div class="bian3"></div>
					<div class="News4">
						<p>品牌介绍</p>
						<p>INFORMATION</p>
					</div>
				</div>
				<!--三角形-->
				<div class="seerl3"></div>
				<!--图片-->
				<div class="tupian3">
					<img src="images/首页1_03.jpg" />
				</div>

				<!--文字-->
				<div class="wenzi">
					<div>
						<img src="img/bg_a.png" />
					</div>
					<p>"siepem"品牌是广州市TK科技有限公司</p>
					<p>推出的自有品牌</p>
				</div>
			</div>
			<!--清除浮动-->
			<div class="clear"></div>
			<!--关于我们-->
			<div class="wmen">
				<p>关于我们</p>
				<p>STORE DISPLAY</p>
			</div>

			<div class="ton1">
				<div class="ton2">
					<p>广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。</p>
					<p>TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品</p>
					<p>持续为客户创造最大价值。 </p>
				</div>
				<div class="ton3">
					<img src="images/首页3_03.jpg" />
				</div>
			</div>
			<div class="ton4">
				<div class="wmen2">
					<p>联系我们</p>
					<p>STORE DISPLAY</p>
				</div>
			</div>

			<!--二维码-->
			<div class="gangg_box">
				<div class="gangg">
					<div class="ton6">
						<img src="img/未标题-13.png" />
						<p>微信扫一扫</p>
						<p>关注我们相关的信息</p>
					</div>
					<div>
						<!--图标-->
						<ul class="ton7">
							<li class="ton8">
								<i class="iconfont icon-dianhua iconColor"></i>
								<span>服务热线：400-000-0000</span>
							</li>
							<li class="ton9">
								<i class="iconfont icon-touxiang-copy iconColor"></i>
								<span>联  系  人：某先生</span>
							</li>
							<li class="ton10">
								<i class="iconfont icon-youjian iconColor"></i>
								<span>公司邮箱：www.tk.com</span>
							</li>
							<li class="ton11">
								<i class="iconfont icon-chuanzhen iconColor"></i>
								<span>公司传真：000-12345678</span>
							</li>
							<li class="ton12">
								<i class="iconfont icon-youzhengbianma1 iconColor"></i>
								<span>邮政编码：467000</span>
							</li>
							<li class="ton13">
								<i class="iconfont icon-dizhi iconColor"></i>
								<span>公司地址：广州市某某区某某路某号</span>
							</li>
						</ul>
					</div>

					<!--图片-->
					<div class="ton14"><img src="img/未标题-14.png" /></div>
					<!--清除浮动-->
					<div class="clear"></div>
				</div>
				<!--昵称-->
				<div class="ton15">
					<p>昵称</p>
					<input type="text" name="name" id="name" value="" />
				</div>
			</div>
		</div>
	</body>

</html>